<template>
  <!--这里要有一个最外层的根元素  最外层不能有兄弟元素，否则报错-->
  <div>
    <h1>{{msg}}</h1>
  </div>

</template>

<script>
export default {
  //name 是组建的名字 可写可不写
  name: 'HelloWorld',
  data(){
    return {
      msg:'hello!'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
